Icon

import AddressBookFilled from '@comfortdelgro/compass-icons/react/filled/address-book-filled'

<IconBox
      component={<AddressBookFilled width={40} height={40} />}
      name='AddressBookFilled'
/>

import AddressBookOutlined from '@comfortdelgro/compass-icons/react/outlined/address-book-outlined'

<IconBox
    component={<AddressBookOutlined width={40} height={40} />}
    name='AddressBookOutlined'
/>

import Compass from '@comfortdelgro/compass-icons/react/colorful/compass'

<IconBox
    component={<ClubhouseColorful width={40} height={40} />}
    name='Clubhouse'
/>

import Activity from '@comfortdelgro/compass-icons/react/activity'

 <IconBox component={<Activity width={40} height={40} />} name='Activity' />